layui.use(['table', 'admin', 'ax', 'func','laydate','formSelects', 'form'], function () {
    var $ = layui.$;
    var table = layui.table;
    var $ax = layui.ax;
    var admin = layui.admin;
    var func = layui.func;
    var form = layui.form;

    /**
     * 玩法管理
     */
    var NanScene = {
        tableId: "nanSceneTable"
    };
    var enumAjax = new $ax(Feng.ctxPath + "/enums/sceneTypes");
    var enumRes = enumAjax.start();
    var projects = enumRes.data;
    var html = "";
    for(var key in projects){
        html += '<option value="'+key+'">'+projects[key]+'</option>'
    }
    $("#type").append(html);
    form.render('select');

    /**
     * 初始化表格的列
     */
    NanScene.initColumn = function () {
        return [[
            {align: 'center', toolbar: '#tableBar', title: '操作', width:120},
            {field: 'img', sort: false, title: '未选中图', templet: '<div><img src="{{Feng.cdn}}{{d.img}}" alt="" /></div>'},
            {field: 'imgSel', sort: false, title: '选中图', templet: '<div><img src="{{Feng.cdn}}{{d.imgSel}}" alt="" /></div>'},
            {field: 'nickName', sort: false, title: '趣味称呼'},
            {field: 'name', sort: false, title: '专业称呼'},
            {field: 'orderCode', sort: false, title: '开始指令'},
            {field: 'closeCode', sort: false, title: '结束指令'},
            {field: 'typeStr', sort: false, title: '类型'},
            {field: 'createTime', sort: false, title: '创建时间'},
            {field: 'updateTime', sort: false, title: '更新时间'},
        ]];
    };

    /**
     * 点击查询按钮
     */
    NanScene.search = function () {
        var queryData = {};

        queryData['type'] = $('#type').val();

        table.reload(NanScene.tableId, {
            where: queryData, page: {curr: 1}
        });
    };

    /**
     * 跳转到添加页面
     */
    NanScene.jumpAddPage = function () {
        window.location.href = Feng.ctxPath + '/nanScene/add'
    };

    /**
    * 跳转到编辑页面
    *
    * @param data 点击按钮时候的行数据
    */
    NanScene.jumpEditPage = function (data) {
        window.location.href = Feng.ctxPath + '/nanScene/edit?id=' + data.id
    };

    /**
     * 导出excel按钮
     */
    NanScene.exportExcel = function () {
        var checkRows = table.checkStatus(NanScene.tableId);
        if (checkRows.data.length === 0) {
            Feng.error("请选择要导出的数据");
        } else {
            table.exportFile(tableResult.config.id, checkRows.data, 'xls');
        }
    };

    /**
     * 点击删除
     *
     * @param data 点击按钮时候的行数据
     */
    NanScene.onDeleteItem = function (data) {
        var operation = function () {
            var ajax = new $ax(Feng.ctxPath + "/nanScene/delete", function (data) {
                Feng.success("删除成功!");
                table.reload(NanScene.tableId);
            }, function (data) {
                Feng.error("删除失败!" + data.responseJSON.message + "!");
            });
            ajax.set("id", data.id);
            ajax.start();
        };
        Feng.confirm("是否删除?", operation);
    };

    // 渲染表格
    var tableResult = table.render({
        elem: '#' + NanScene.tableId,
        url: Feng.ctxPath + '/nanScene/list',
        page: true,
        limit: 20,
        height: "full-158",
        cellMinWidth: 100,
        cols: NanScene.initColumn()
    });

    // 搜索按钮点击事件
    $('#btnSearch').click(function () {
        NanScene.search();
    });

    // 添加按钮点击事件
    $('#btnAdd').click(function () {

    NanScene.jumpAddPage();

    });

    // 导出excel
    $('#btnExp').click(function () {
        NanScene.exportExcel();
    });

    table.on('sort('+NanScene.tableId+')', function(obj){
            table.reload(NanScene.tableId, {
                initSort: obj,
                where: {
                    field: obj.field.replace(/([A-Z])/g,"_$1").toLowerCase()
                    ,order: obj.type
                }
            });
        });

    // 工具条点击事件
    table.on('tool(' + NanScene.tableId + ')', function (obj) {
        var data = obj.data;
        var layEvent = obj.event;

        if (layEvent === 'edit') {
            NanScene.jumpEditPage(data);
        } else if (layEvent === 'delete') {
            NanScene.onDeleteItem(data);
        }
    });
});
